﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords"
          content="candidates, career, employment, freelance, glassdoor, Human Resource Management, indeed, job board, job listing, job portal, job postings, jobs, listings, recruitment, resume">
    <meta name="CreativeLayers" content="ATFN">
    <!-- css file -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/menu.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" type="text/css" href="/css/verify.css">
    <!-- Responsive stylesheet -->
    <link rel="stylesheet" href="/css/responsive.css">
    <!-- Title -->
    <title>未来是你的 - The Future Is Yours 一个能让你找到满意的工作的网站</title>
    <!-- Favicon -->
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon"/>
    <link href="/images/favicon.ico" sizes="128x128" rel="shortcut icon"/>
    <link rel="stylesheet" href="/css/pagination.css">
    <script src="/js/pagination.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.2.1.js"/>
    <![endif]-->
    <script th:inline="javascript">
        var pageSize = [[${pageSize}]];
        var totalCount = [[${positionTotalCount}]];
        var position_name = [[${position}]];
        var workplace = [[${workplace}]];
    </script>
    <script type="text/javascript">
        window.onload = function () {

            console.log("aaa");
            console.log(totalCount);
            new Pagination({
                element: '#pages',
                type: 1,
                pageIndex: 1,
                pageSize: 7,
                pageCount: 5,
                total: totalCount,
                jumper: true,
                singlePageHide: false,
                prevText: '上一页',
                nextText: '下一页',
                disabled: true,
                currentChange: function (index) {
                    // console.log(index);
                    $.post("/position/getPagePosition", {
                        "currentPage": index,
                        "position": position_name,
                        "workplace": workplace
                    }, function (data) {
                        console.log(data);
                        var str = "";
                        $.each(data, function (index, position2) {
                            console.log(position2.company_name);
                            str += "<div class=\"col-lg-12\">\n" +
                                "<div class=\"col-lg-12\">\n" +
                                "                                <div class=\"fj_post style2 one\">\n" +
                                "                                    <div class=\"details\">\n" +
                                "                                        <h5 class=\"job_chedule text-thm mt0\">" + position2.company_name + "</h5>\n" +
                                "                                        <div class=\"thumb fn-smd\">\n" +
                                "                                            <img class=\"img-fluid\" src=\"/images/partners/" + position2.logo + "\"\n" +
                                "                                                 alt=\"" + position2.logo + "\">\n" +
                                "                                        </div>\n" +
                                "                                        <h4  style=\"font-family: 宋体\">" + position2.position + "</h4>\n" +
                                "                                        <p>" + position2.release_date+ "</p>\n" +
                                "                                        <p>发布人:  " + position2.contact + "</p>\n" +
                                "                                        <ul class=\"featurej_post\">\n" +
                                "                                            <li class=\"list-inline-item\"><span class=\"flaticon-location-pin\"></span> <a\n" +
                                "                                                    href=\"#\">地点:" + position2.workplace + "</a></li>\n" +
                                "                                            <li class=\"list-inline-item\"><span class=\"flaticon-price pl20\"></span> <a\n" +
                                "                                                    href=\"#\">月薪：" + position2.salary + "</a></li>\n" +
                                "                                        </ul>\n" +
                                "                                        <p>被  浏  览  次  数：" + position2.browsing_number + "</p>\n" +
                                "                                    </div>\n" +
                                "                                    <a class=\"favorit\" href=\"/position/positionDetails/" + position2.position_id + "\"\n" +
                                "                                       href=\"#\"><span class=\"flaticon-favorites\"></span></a>\n" +
                                "                                </div>\n" +
                                "                                </div>\n" +
                                "                            </div>"
                        })
                        $("#position_container").empty();
                        $("#position_container").append(str);
                    })
                }
            });

            $("._jumper").css("display", "none");
            $("._pages").css("display", "block");
        }


        function validateUsername(e) {
            if ($(e).val() == "") {
                alert("用户名不能为空");
                $(e).css("border-color", "red");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        function validateEmail(e) {
            //Email正则
            var ePattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if (!ePattern.test($(e).val())) {
                alert("请输入正确的邮箱格式");
                $(e).css("border-color", "red");
                $(e).val("");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        function validatePhone(e) {
            //手机号正则
            var mPattern = /^1[3456789]\d{9}$/;
            if (!mPattern.test($(e).val())) {
                alert("请输入正确的手机号码");
                $(e).css("border-color", "red");
                $(e).val("");
                return false;
            } else {
                $(e).css("border-color", "#ced4da");
                return true;
            }
        }

        function validatePassword(e) {
            //只能输入6-20个字母、数字、下划线
            var pPattern = /^(\w){6,18}$/;
            if (!pPattern.test($(e).val())) {
                alert("请输入输入6-18个字母、数字、下划线");
                $(e).css("border-color", "red");
                $(e).val("");
            } else {
                $(e).css("border-color", "#ced4da");
            }
        }

        // #register-form
        function registerUser() {
            $console.log($("#exampleCheck2").prop("checked"));
            if ($("#exampleCheck2").prop("checked") == true) {
                $.post("/user/register", $("#register-form").serialize(), function (data) {
                    // console.log(data);
                    if (data == '注册成功') {
                        alert(data);
                        setTimeout("window.location.href='/user/toLoginPage'", 2000);
                    } else {
                        alert(data);
                    }
                })
            } else {
                alert("请确认您接受条款和条件及隐私政策");
            }
        }
    </script>
</head>
<body>

<div class="wrapper">
    <div class="preloader"></div>

    <!-- Main Header Nav -->
    <header class="header-nav menu_style_home_one navbar-scrolltofixed stricky main-menu" style="background: black;">
        <div class="container">
            <!-- Ace Responsive Menu -->
            <nav>
                <!-- Menu Toggle btn-->
                <div class="menu-toggle">
                    <img class="nav_logo_img img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    <button type="button" id="menu-btn">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <a href="/user/index" class="navbar_brand float-left dn-smd">
                    <img class="img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                </a>
                <!-- Responsive Menu Structure-->
                <!--Note: declare the Menu style in the data-menu-style="horizontal" (options: horizontal, vertical, accordion) -->
                <ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
                    <li>
                        <a href="#"><span class="title">首页</span></a>
                    </li>
                    <li>
                        <a href="/position/searchPosition"><span class="title">职位</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.user==null}" href="/user/toLoginPage"><span class="title">我要找工作</span></a>
                    </li>
                    <li class="last">
                        <a th:if="${session.company==null}" href="/company/toLoginPage"><span class="title">我要招聘</span></a>
                    </li>
                </ul>
                <ul class="sign_up_btn pull-right dn-smd mt10" th:if="${session.user==null}">
                    <li><a href="#" class="btn btn-md" data-toggle="modal" data-target="#exampleModalCenter"
                           style="font-family: 宋体">登<span class="dn-md">录</span>/注<span class="dn-md">册</span></a></li>
                </ul><!-- Button trigger modal -->
                <!--                登录成功之后的个人栏目-->
                <ul class="header_user_notif pull-right dn-smd" th:if="${session.user!=null}">
                    <li class="user_notif">
                    </li>
                    <li class="user_setting">
                        <div class="dropdown">
                            <a class="btn dropdown-toggle" href="#" data-toggle="dropdown"><img class="rounded-circle"
                                                                                                src="/images/team/e1.png"
                                                                                                alt="e1.png"> <span
                                    class="pl15 pr15" th:text="${session.user}!=null?${session.user.username}:''">CreativeLayers</span></a>
                            <div class="dropdown-menu">
                                <div class="user_set_header">
                                    <p th:text="'你好,   '+${session.user.username}">Hi, CreativeLayers </p>
                                </div>
                                <div class="user_setting_content">
                                    <a class="dropdown-item" href="/user/toUserProfile"><span
                                            class="flaticon-profile"></span> 个人中心</a>
                                    <a class="dropdown-item" href="/user/toUserJobManage"><span
                                            class="flaticon-paper-plane"></span> 管理工作</a>
                                    <a class="dropdown-item" href="/user/toUserResume"><span
                                            class="flaticon-analysis"></span> 完善简历</a>
                                    <a class="dropdown-item" href="/user/toChangePassword"><span
                                            class="flaticon-locked"></span> 修改密码</a>
                                    <a class="dropdown-item" href="/user/logout"><span class="flaticon-logout"></span>
                                        退出登录</a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <!-- Modal -->
    <div class="sign_up_modal modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <ul class="sign_up_tab nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                           aria-controls="home" aria-selected="true">登录</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                           aria-controls="profile" aria-selected="false">注册</a>
                    </li>
                </ul>
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                        <div class="login_form">
                            <div class="heading">
                                <h3 class="text-center">快速登录</h3>
                            </div>

                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                     aria-labelledby="pills-home-tab">
                                    <form id="login-form1">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="exampleInputEmail1" name="email"
                                                   placeholder="电子邮箱" onblur="validateEmail(this)">
                                        </div>
                                        <div class="form-group">
                                            <input type="password" class="form-control" id="exampleInputPassword1"
                                                   name="password"
                                                   placeholder="密码">
                                        </div>
                                        <!--验证码-->
                                        <div class="mpanel3" style="margin-top: 20px">
                                        </div>
                                        <div class="form-group form-check">

                                        </div>
                                        <button type="button" class="btn btn-log btn-block btn-thm" id="check-btn2">登录
                                        </button>
                                        <hr>
                                        <div class="row mt40">
                                            <div class="col-lg">
                                            </div>
                                            <div class="col-lg">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <div class="sign_up_form">
                            <div class="heading">
                                <h3 class="text-center">创建个人账户</h3>
                            </div>
                            <form id="register-form">
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputName1" placeholder="用户名"
                                           name="username" onblur="validateUsername(this)" required="required">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputEmail2" placeholder="电子邮箱"
                                           name="email" onblur="validateEmail(this)" required="required">
                                </div>
                                <div class="form-group">
                                    <input type="text" class="form-control" id="exampleInputPhone1"
                                           placeholder="电话号码" name="phone" onblur="validatePhone(this)"
                                           required="required">
                                </div>
                                <div class="form-group">
                                    <label style="float:left;"></label>
                                    <input type="text" class="form-control" placeholder="6位数字验证码"
                                           style="width: 230px;float: left;" name="messageCode" required="required">
                                    <span class="msgs">获取短信验证码</span>
                                </div>
                                <div class="form-group">
                                    <input type="password" class="form-control" id="exampleInputPassword2"
                                           placeholder="密码" name="password" onblur="validatePassword(this)"
                                           required="required">
                                </div>
                                <div class="form-group form-check">
                                    <input type="checkbox" class="form-check-input" id="exampleCheck2"
                                           required="required">
                                    <label class="form-check-label" for="exampleCheck2">请确认您接受条款和条件及隐私政策 </label>
                                </div>
                                <button type="button" class="btn btn-log btn-block btn-dark" id="register-btn"
                                        onclick="registerUser()">注册
                                </button>
                                <hr>
                                <div class="row mt40">
                                    <div class="col-lg">
                                    </div>
                                    <div class="col-lg">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Header Nav For Mobile -->
    <div id="page" class="stylehome1 h0">
        <div class="mobile-menu">
            <div class="header stylehome1">
                <img class="nav_logo_img img-fluid float-left mt25" src="/images/header-logo.png" alt="header-logo.png">
                <a class="bg-thm" href="#menu"><span></span></a>
            </div>
        </div><!-- /.mobile-menu -->
        <nav id="menu" class="stylehome1">
            <ul>
                <li><span>Home</span>
                    <ul>
                        <li><a href="/index.html">Home One</a></li>
                        <li><a href="/index2.html">Home Two</a></li>
                        <li><a href="/index3.html">Home Three</a></li>
                        <li><a href="/index4.html">Home Four</a></li>
                        <li><a href="/index5.html">Home Five</a></li>
                        <li><a href="/index6.html">Home Six</a></li>
                    </ul>
                </li>
                <li><span>Find A Job</span>
                    <ul>
                        <li><span>Job List</span>
                            <ul>
                                <li><a href="/page-job-list-v1.html">List V1</a></li>
                                <li><a href="/page-job-list-v2.html">List V2</a></li>
                                <li><a href="/page-job-list-v3.html">List V3</a></li>
                                <li><a href="/page-job-list-v4.html">List V4</a></li>
                                <li><a href="/page-job-list-v5.html">List V5</a></li>
                            </ul>
                        </li>
                        <li><span>Job Single</span>
                            <ul>
                                <li><a href="/page-job-single-v1.html">Single V1</a></li>
                                <li><a href="/page-job-single-v2.html">Single V2</a></li>
                                <li><a href="/page-job-single-v3.html">Single V3</a></li>
                                <li><a href="/page-job-single-v4.html">Single V4</a></li>
                                <li><a href="/page-job-single-v5.html">Single V5</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><span>Employer</span>
                    <ul>
                        <li><span>Employer List</span>
                            <ul>
                                <li><a href="/page-employer-list-v1.html">List V1</a></li>
                                <li><a href="/page-employer-list-v2.html">List V2</a></li>
                                <li><a href="/page-employer-list-v3.html">List V3</a></li>
                            </ul>
                        </li>
                        <li><span>Employer Single</span>
                            <ul>
                                <li><a href="/page-employer-single-v1.html">Single V1</a></li>
                                <li><a href="/page-employer-single-v2.html">Single V2</a></li>
                                <li><a href="/page-employer-single-v3.html">Single V3</a></li>
                            </ul>
                        </li>
                        <li><span>Employer Admin</span>
                            <ul>
                                <li><a href="/page-employer-dashboard.html">Dashboard</a></li>
                                <li><a href="/page-employer-profile.html">Profile</a></li>
                                <li><a href="/page-employer-post-job.html">Post Job</a></li>
                                <li><a href="/user/toUserJobManage">Manage Job</a></li>
                                <li><a href="/page-employer-resume.html">Resume</a></li>
                                <li><a href="/page-employer-packages.html">Packages</a></li>
                                <li><a href="/page-employer-transactions.html">Transactions</a></li>
                                <li><a href="/page-employer-change-password.html">Change Password</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><span>Candidates</span>
                    <ul>
                        <li><span>Candidates List</span>
                            <ul>
                                <li><a href="/page-candidates-list-v1.html">List V1</a></li>
                                <li><a href="/page-candidates-list-v2.html">List V2</a></li>
                                <li><a href="/page-candidates-list-v3.html">List V3</a></li>
                            </ul>
                        </li>
                        <li><span>Candidates Single</span>
                            <ul>
                                <li><a href="/page-candidates-single-v1.html">Single v1</a></li>
                                <li><a href="/page-candidates-single-v2.html">Single v2</a></li>
                                <li><a href="/page-candidates-single-v3.html">Single v3</a></li>
                            </ul>
                        </li>
                        <li><span>Candidates Admin</span>
                            <ul>
                                <li><a href="/page-candidates-dashboard.html">Dashboard</a></li>
                                <li><a href="/page-candidates-profile.html">Profile</a></li>
                                <li><a href="/page-candidates-my-resume.html">My Resume</a></li>
                                <li><a href="/page-candidates-applied-jobs.html">Applied Jobs</a></li>
                                <li><a href="/page-candidates-cv-manager.html">Cv Manager</a></li>
                                <li><a href="/page-candidates-favourite-jobs.html">Favourite Jobs</a></li>
                                <li><a href="/page-candidates-message.html">Message</a></li>
                                <li><a href="/page-candidates-review.html">Review</a></li>
                                <li><a href="/page-candidates-job-alert.html">Job Alert</a></li>
                                <li><a href="/page-candidates-change-password.html">Change Password</a></li>
                            </ul>
                        </li>

                    </ul>
                </li>
                <li><span>Pages</span>
                    <ul>
                        <li><a href="/page-about.html">About</a></li>
                        <li><span>Blog</span>
                            <ul>
                                <li><a href="/page-blog-v1.html">Page Blog v1</a></li>
                                <li><a href="/page-blog-grid.html">Blog Grid</a></li>
                                <li><a href="/page-blog-list.html">Blog List</a></li>
                                <li><a href="/page-blog-single.html">Blog Single</a></li>
                            </ul>
                        </li>
                        <li><a href="/page-contact.html">Contact Us</a></li>
                        <li><a href="/page-error.html">404</a></li>
                        <li><a href="/page-faq.html">Faq</a></li>
                        <li><a href="/page-how-it-works.html">How It Works</a></li>
                        <li><a href="/page-invoice.html">Invoice</a></li>
                        <li><a href="/login.html">Login/Register</a></li>
                        <li><a href="/page-pricing.html">Pricing</a></li>
                        <li><a href="/page-terms-and-policies.html">Terms And Policies</a></li>
                        <li><a href="/page-ui-element.html">UI Elements</a></li>
                    </ul>
                </li>
                <li><a href="#">Post a Job</a></li>
                <li><a class="text-thm" href="/login.html">Login/Register</a></li>
            </ul>
        </nav>
    </div>
    <!-- Our Candidate List v3 Home -->
    <section class="bgc-fa mt65">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 pt30">
                    <div class="bg_png">
                        <img class="img-fluid" src="/images/resource/cl1.png" alt="cl1.png">
                    </div>
                    <div class="home-job-search-box mt20 mb20">
                        <form class="form-inline" action="/position/searchPosition/">
                            <div class="search_option_one">
                                <div class="form-group">
                                    <label for="exampleInputName"><span class="flaticon-search"></span></label>
                                    <input type="text" class="form-control h70" id="exampleInputName" name="position"
                                           th:value="${position}"
                                           placeholder="职位名称">
                                </div>
                            </div>
                            <div class="search_option_two">
                                <div class="form-group">
                                    <label for="exampleInputEmail"><span class="flaticon-location-pin"></span></label>
                                    <input type="text" class="form-control h70" id="exampleInputEmail" placeholder="位置"
                                           th:value="${workplace}"
                                           name="workplace">
                                </div>
                            </div>
                            <div class="search_option_button">
                                <button type="submit" class="btn btn-thm btn-secondary h70">搜索</button>
                            </div>
                        </form>
                    </div>
                    <p class="color-silver"><span class="color-black">热门关键字: &nbsp;</span>
                        <span class="color-silver" th:each="position_name:${positionNames}">
                            <a class="color-silver" th:text="${position_name}"
                               th:href="@{/position/searchPosition}+'?position='+${position_name}"></a>
                            &nbsp;&nbsp;&nbsp;
                        </span>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Candidate List -->
    <section class="our-faq">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 col-xl-9">
                    <div class="row">
                        <div class="col-lg-12 mb30">
                            <h4 class="fz20 mb15">搜 索 结 果</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-lg-6">
                            <div class="candidate_job_alart_btn">
                                <h4 class="fz20 mb15" th:text="'共   '+${positionTotalCount} + '  条'"></h4>
                                <button class="btn btn-thm btns dn db-991 float-right">Show Filter</button>
                            </div>
                        </div>
                        <div class="col-sm-12 col-lg-6">
                            <div class="content_details">
                                <div class="details">
                                    <a href="/javascript:void(0)" class="closebtn" onclick="closeNav()"><span>Hide Filter</span><i>×</i></a>
                                    <div class="faq_search_widget mb30">
                                        <h4 class="fz20 mb15">Search Keywords</h4>
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control" placeholder="Find Your Question"
                                                   aria-label="Recipient's username">
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-secondary" type="button"
                                                        id="button-addon4"><span class="flaticon-search"></span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="faq_search_widget mb30">
                                        <h4 class="fz20 mb15">Location</h4>
                                        <div class="input-group mb-3">
                                            <input type="text" class="form-control" placeholder="Find Your Question"
                                                   aria-label="Recipient's username">
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-secondary" type="button"
                                                        id="button-addon5"><span class="flaticon-location-pin"></span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="faq_search_widget mb30">
                                        <h4 class="fz20 mb15">Category</h4>
                                        <div class="candidate_revew_select">
                                            <select class="selectpicker w100 show-tick">
                                                <option>All Categories</option>
                                                <option>Recent</option>
                                                <option>Old Review</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="cl_latest_activity mb30">
                                        <h4 class="fz20 mb15">Date Posted</h4>
                                        <div class="ui_kit_radiobox">
                                            <div class="radio">
                                                <input id="radio_six" name="radio" type="radio" checked="">
                                                <label for="radio_six"><span class="radio-label"></span> Last
                                                    Hour</label>
                                            </div>
                                            <div class="radio">
                                                <input id="radio_seven" name="radio" type="radio">
                                                <label for="radio_seven"><span class="radio-label"></span> Last 24 hours</label>
                                            </div>
                                            <div class="radio">
                                                <input id="radio_eight" name="radio" type="radio">
                                                <label for="radio_eight"><span class="radio-label"></span> Last 7
                                                    days</label>
                                            </div>
                                            <div class="radio">
                                                <input id="radio_nine" name="radio" type="radio">
                                                <label for="radio_nine"><span class="radio-label"></span> Last 14
                                                    days</label>
                                            </div>
                                            <div class="radio">
                                                <input id="radio_ten" name="radio" type="radio">
                                                <label for="radio_ten"><span class="radio-label"></span> Last 30
                                                    days</label>
                                            </div>
                                            <a class="text-thm2 pl30" href="#">View All <span
                                                    class="flaticon-right-arrow pl10"></span></a>
                                        </div>
                                    </div>
                                    <div class="cl_latest_activity mb30">
                                        <h4 class="fz20 mb15">Job Type</h4>
                                        <div class="ui_kit_whitchbox">
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="customSwitch6">
                                                <label class="custom-control-label"
                                                       for="customSwitch6">Freelance</label>
                                            </div>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="customSwitch7">
                                                <label class="custom-control-label" for="customSwitch7">Full
                                                    Time</label>
                                            </div>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="customSwitch8">
                                                <label class="custom-control-label" for="customSwitch8">Part
                                                    Time</label>
                                            </div>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="customSwitch9">
                                                <label class="custom-control-label"
                                                       for="customSwitch9">Internship</label>
                                            </div>
                                            <div class="custom-control custom-switch">
                                                <input type="checkbox" class="custom-control-input" id="customSwitch10">
                                                <label class="custom-control-label"
                                                       for="customSwitch10">Temporary</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_pricing_slider mb30">
                                        <h4 class="fz20 mb20">Hourly Rate</h4>
                                        <div id="slider-range2"></div>
                                        <p class="text-center">
                                            <input class="sl_input" type="text" id="amount2">
                                        </p>
                                    </div>
                                    <div class="cl_skill_checkbox mb30">
                                        <h4 class="fz20 mb20">Skills</h4>
                                        <div class="content ui_kit_checkbox text-left">
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck51">
                                                <label class="custom-control-label" for="customCheck51">HTML 5</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck52">
                                                <label class="custom-control-label"
                                                       for="customCheck52">Javascript</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck53">
                                                <label class="custom-control-label" for="customCheck53">PHP</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck54">
                                                <label class="custom-control-label" for="customCheck54">jQuery</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck55">
                                                <label class="custom-control-label" for="customCheck55">UX/UI
                                                    Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck56">
                                                <label class="custom-control-label" for="customCheck56">Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck57">
                                                <label class="custom-control-label" for="customCheck57">Web
                                                    Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck58">
                                                <label class="custom-control-label" for="customCheck58">Graphic
                                                    Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck59">
                                                <label class="custom-control-label" for="customCheck59">Sketch
                                                    App</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck60">
                                                <label class="custom-control-label" for="customCheck60">UI
                                                    Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck61">
                                                <label class="custom-control-label" for="customCheck61">Graphic
                                                    Design</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck62">
                                                <label class="custom-control-label" for="customCheck62">Sketch
                                                    App</label>
                                            </div>
                                            <div class="custom-control custom-checkbox">
                                                <input type="checkbox" class="custom-control-input" id="customCheck63">
                                                <label class="custom-control-label" for="customCheck63">UI
                                                    Design</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_carrer_lever mb30">
                                        <div id="accordion6" class="accordion">
                                            <div class="link mb10">Career Level<i class="fa fa-caret-up"></i></div>
                                            <div class="cl_submenu">
                                                <div class="ui_kit_checkbox">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck64">
                                                        <label class="custom-control-label" for="customCheck64">Intermediate</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck65">
                                                        <label class="custom-control-label"
                                                               for="customCheck65">Normal</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck66">
                                                        <label class="custom-control-label"
                                                               for="customCheck66">Special</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck67">
                                                        <label class="custom-control-label" for="customCheck67">Experienced</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_carrer_lever mb30">
                                        <div id="accordion7" class="accordion">
                                            <div class="link mb10">Experince<i class="fa fa-caret-up"></i></div>
                                            <div class="cl_submenu">
                                                <div class="ui_kit_checkbox">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck68">
                                                        <label class="custom-control-label" for="customCheck68">1Year to
                                                            2Year</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck69">
                                                        <label class="custom-control-label" for="customCheck69">2Year to
                                                            3Year</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck70">
                                                        <label class="custom-control-label" for="customCheck70">3Year to
                                                            4Year</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck71">
                                                        <label class="custom-control-label" for="customCheck71">4Year to
                                                            5Year</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_carrer_lever mb30">
                                        <div id="accordion8" class="accordion">
                                            <div class="link mb10">Gender<i class="fa fa-caret-up"></i></div>
                                            <div class="cl_submenu">
                                                <div class="ui_kit_checkbox">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck72">
                                                        <label class="custom-control-label"
                                                               for="customCheck72">Male</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck73">
                                                        <label class="custom-control-label"
                                                               for="customCheck73">Female</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck74">
                                                        <label class="custom-control-label"
                                                               for="customCheck74">Others</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_carrer_lever mb30">
                                        <div id="accordion9" class="accordion">
                                            <div class="link mb10">Industry<i class="fa fa-caret-up"></i></div>
                                            <div class="cl_submenu">
                                                <div class="ui_kit_checkbox">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck675">
                                                        <label class="custom-control-label" for="customCheck675">Development</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck76">
                                                        <label class="custom-control-label" for="customCheck76">Management</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck77">
                                                        <label class="custom-control-label"
                                                               for="customCheck77">Finance</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck78">
                                                        <label class="custom-control-label" for="customCheck78">HTML
                                                            Department</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck79">
                                                        <label class="custom-control-label"
                                                               for="customCheck79">Seo</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck80">
                                                        <label class="custom-control-label"
                                                               for="customCheck80">Banking</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cl_carrer_lever">
                                        <div id="accordion10" class="accordion">
                                            <div class="link mb10">Qualification<i class="fa fa-caret-up"></i></div>
                                            <div class="cl_submenu">
                                                <div class="ui_kit_checkbox">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck81">
                                                        <label class="custom-control-label" for="customCheck81">Certificate</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck82">
                                                        <label class="custom-control-label"
                                                               for="customCheck82">Diploma</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck83">
                                                        <label class="custom-control-label" for="customCheck83">Associate</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck84">
                                                        <label class="custom-control-label" for="customCheck84">Degree
                                                            Bachelor</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck89">
                                                        <label class="custom-control-label" for="customCheck89">Associate</label>
                                                    </div>
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input"
                                                               id="customCheck90">
                                                        <label class="custom-control-label" for="customCheck90">Master's
                                                            Degree</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12" id="position_container">
                            <div class="col-lg-12" th:each="position2:${positions}">
                                <div class="col-lg-12">
                                    <div class="fj_post style2 one">
                                        <div class="details">
                                            <h5 class="job_chedule text-thm mt0"
                                                th:text="${position2.company_name}"></h5>
                                            <div class="thumb fn-smd">
                                                <img class="img-fluid" th:src="@{/images/partners/}+${position2.logo}"
                                                     th:alt="${position2.logo}" alt="1.jpg">
                                            </div>
                                            <h4 th:text="${position2.position}" style="font-family: 宋体"></h4>
                                            <p th:text="'发布时间： '+${#dates.format(position2.release_date, 'yyyy-MM-dd')}"></p>
                                            <p th:text="'发布人:  '+${position2.contact}"></p>
                                            <ul class="featurej_post">
                                                <li class="list-inline-item"><span class="flaticon-location-pin"></span>
                                                    <a
                                                            href="#" th:text="'地点： '+${position2.workplace}"></a></li>
                                                <li class="list-inline-item"><span class="flaticon-price pl20"></span>
                                                    <a
                                                            href="#" th:text="'月薪： '+${position2.salary}"></a></li>
                                            </ul>
                                            <p th:text="'被  浏  览  次  数：  '+${position2.browsing_number}+'   次'"></p>
                                        </div>
                                        <a class="favorit"
                                           th:href="@{/position/positionDetails/}+${position2.position_id}"
                                           href="#"><span class="flaticon-favorites"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12">
                            <div class="mbp_pagination">
                                <ul class="page_navigation"
                                    style="margin-top: -83px; margin-bottom: -26px;padding-left: 5px;">
                                    <div id="pages">

                                    </div>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Top Area -->
    <section class="footer_top_area p0">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-lg-2 pb25 pt25">
                    <div class="logo-widget">
                        <img class="img-fluid" src="/images/header-logo.png" alt="header-logo.png">
                    </div>
                </div>
                <div class="col-sm-12 col-lg-6 pb25 pt25 pl60 pr40 brdr_left_right">
                    <div class="row">
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">2,395</div>
                                <p>Jobs Added</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,267</div>
                                <p>Jobs Posted</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">1,095</div>
                                <p>Companies</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3">
                            <div class="funfact_one">
                                <div class="timer">7,348</div>
                                <p>Freelancer</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4 pb25 pt25 pl30">
                    <div class="footer_social_widget mt15">
                        <p class="float-left mt10">Follow Us</p>
                        <ul>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
                            <li class="list-inline-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer -->
    <section class="footer_one">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-2">
                    <div class="quick_link_widget">
                        <h4>Quick Links</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Post New Job</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                            <li><a href="#">Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-md-3 col-lg-3">
                    <div class="candidate_widget">
                        <h4>For Candidates</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">User Dashboard</a></li>
                            <li><a href="#">CV Packages</a></li>
                            <li><a href="#">Candidate Listing</a></li>
                            <li><a href="#">Candidates Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4 col-md-4 col-md-3 col-lg-3">
                    <div class="employe_widget">
                        <h4>For Employers</h4>
                        <ul class="list-unstyled">
                            <li><a href="#">Post New</a></li>
                            <li><a href="#">Job Employer Listing</a></li>
                            <li><a href="#">Employers Grid</a></li>
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">Jobs Listing</a></li>
                            <li><a href="#">Jobs Style Grid</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-8 col-md-6 col-md-3 col-lg-4">
                    <div class="newsletter_widget">
                        <h4>Newsletter</h4>
                        <p>Subscribe to CareerUp Pacific newsletter to get the latest jobs posted, candidates ,and other
                            latest news stay updated.</p>
                        <form class="form-inline mailchimp_form">
                            <label class="sr-only" for="inlineFormInputMail2">Name</label>
                            <input type="email" class="form-control mb-2 mr-sm-2" id="inlineFormInputMail2"
                                   placeholder="Enter your email address">
                            <button type="submit" class="btn btn-primary mb-2"><span class="fa fa-paper-plane-o"></span>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Our Footer Bottom Area -->
    <section class="footer_bottom_area p0">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 pb10 pt10">
                    <div class="copyright-widget tac-smd mt20">
                        <p>© 2019 CareerUp. All Rights <a href="/http://www.51qianduan.com//"
                                                          title="17sucai">Reserved</a>.</p>
                    </div>
                </div>
                <div class="col-lg-8 pb10 pt10">
                    <div class="footer_menu text-right mt10">
                        <ul>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Site Map</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Privacy Policy</a></li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Terms of Service</a>
                            </li>
                            <li class="list-inline-item"><a href="/page-terms-and-policies.html">Security & Privacy</a>
                            </li>
                            <li class="list-inline-item">
                                <select class="selectpicker show-tick">
                                    <option>English</option>
                                    <option>Frenc</option>
                                    <option>Italian</option>
                                    <option>Spanish</option>
                                    <option>Turkey</option>
                                </select>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <a class="scrollToHome text-thm" href="#"><i class="flaticon-rocket-launch"></i></a>
</div>
<!-- Wrapper End -->
<script type="text/javascript" src="/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="/js/jquery-migrate-3.0.0.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/jquery.mmenu.all.js"></script>
<script type="text/javascript" src="/js/ace-responsive-menu.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/js/snackbar.min.js"></script>
<script type="text/javascript" src="/js/simplebar.js"></script>
<script type="text/javascript" src="/js/parallax.js"></script>
<script type="text/javascript" src="/js/scrollto.js"></script>
<script type="text/javascript" src="/js/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="/js/jquery.counterup.js"></script>
<script type="text/javascript" src="/js/wow.min.js"></script>
<script type="text/javascript" src="/js/progressbar.js"></script>
<script type="text/javascript" src="/js/slider.js"></script>
<script type="text/javascript" src="/js/timepicker.js"></script>
<!-- Custom script for all pages -->
<script type="text/javascript" src="/js/script.js"></script>
<!--验证码-->
<script type="text/javascript" src="/js/verify.js"></script>
<script type="text/javascript">
    $('.mpanel3').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn2',
        ready: function () {
        },
        success: function () {
            // alert("验证码正确");
            $.post("/user/login", $("#login-form1").serialize(), function (data) {
                console.log(data);
                console.log($("#message").text());
                if (data == 'true') {
                    window.location.href = "/user/index";
                } else {
                    alert("登录失败，邮箱或密码错误");
                }
            })
        },
        error: function () {
            alert('验证码不正确！');
        }
    });
    $('.mpanel33').codeVerify({
        type: 2,
        figure: 100,	//位数，仅在type=2时生效
        arith: 0,	//算法，支持加减乘，不填为随机，仅在type=2时生效
        width: '200px',
        height: '50px',
        fontSize: '30px',
        btnId: 'check-btn22',
        ready: function () {
        },
        success: function () {
            alert('验证匹配！');
        },
        error: function () {
            alert('验证码不匹配！');
        }
    });
</script>
</body>
</html>